<template>
  <div>
    <div v-for="item in cateItem" :key="item.categoryId">
      <h2>{{ item.categoryName }}</h2>
      <van-grid :border="false" :column-num="3">
        <van-grid-item 
        @click="toItem"
          icon="http://s.weituibao.com/1583591077131/%E5%88%86%E7%B1%BB.png"
          :text="classItem.categoryName"
          v-for="classItem in item.thirdLevelCategoryVOS"
          :key="classItem.categoryId"
        />
      </van-grid>
    </div>
  </div>
</template>

<script>
export default {
  props: ["cateItems"],
  name: "cateitem",
  data() {
    return {};
  },
  methods: {
    toItem(){
      this.$router.push("/categaryItemList")
    }
  },
  computed: {
    cateItem() {
      return this.cateItems;
    },
  },
};
</script>
<style scoped>
</style>